<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        性别：<input type="radio" v-model="sex" value="man">男
        <input type="radio" v-model="sex" value="woman">女<br>
        {{sex}}<hr>

        爱好：<input type="checkbox" v-model="likeArray" value="sport">体育
        <input type="checkbox" v-model="likeArray" value="music">音乐
        <input type="checkbox" v-model="likeArray" value="draw">美术
        <input type="checkbox" v-model="likeArray" value="song">唱歌<br>
        {{likeArray}}<hr>

        学历：<select v-model="edu">
                   <option value="高中">高中</option>
                    <option value="大专">大专</option>
                    <option value="本科">本科</option>
            </select>
        {{edu}}
    </div>

    <script>
        var vueObj = new Vue({
            el:"#app",
            data:{
                edu:"大专",
                sex:"man",
                likeArray:[]
            }
        });
    </script>
</body>
</html>